.main{
    width: 100%;
    height: 50px;
}
.main .top{
    margin-top: 25px;

}
.main .logo{
    position: relative;
    display: inline-block;
    top:-7px;
    margin-left: 40px;
    vertical-align: middle;
    width: 140px;
    height: 20px;
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
}

.main .content{
    position: relative;
    display: inline-block;
    left:130px
}


.main .content li{
    float: left;
    margin-right: 30px;
}


.main .cover {
    width: 100%;
    height: 680px;
    background-image: url(https://fms.res.meizu.com/dms/2021/02/08/7ebd1de5-95de-4188-8012-e642d90bece2.jpg);
    background-repeat: no-repeat;
}


.main .cover .left{
    position: relative;
    left:200px;
    width: 400px;
    height: 680px;
    background-color: white;
    opacity: 0.8;
}

.main .lelist{
    padding-top: 40px;

}

.main .cover .left li{
    font-weight: bold;
    font-size: 16px;
    padding:10px 80px 40px;

}




.main .cover .left  .top{
    position: relative;
    top: -40px;
}

.main .bottom .foutcon{
    margin-left: 200px;
    width: 260px;
    height: 170px;
    background-color: ghostwhite;
    position: relative;

}


.main .bottom .foutcon img{
    float: left;
    margin: 8px 40px;
}

.main .bottom .foutcon p{
    margin-left: 40px;
}

.main .bottom  li{
    float: left;
}
.main .bottom  .ad img{
    height: 170px;
    margin-left: 2px;
}

